<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.css">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>

<body class="container">
    <h3 align="center">链接的文本颜色</h3>
    <p><a href="#" class="text-primary">.text-primary——蓝色链接</a></p>
    <p><a href="#" class="text-secondary">.text-secondary——灰色链接</a></p>
    <p><a href="#" class="text-success">.text-success——浅绿色链接</a></p>
    <p><a href="#" class="text-danger">.text-danger——浅红色链接</a></p>
    <p><a href="#" class="text-warning">.text-warning——浅黄色链接</a></p>
    <p><a href="#" class="text-info">.text-info——浅蓝色链接</a></p>
    <p><a href="#" class="text-light bg-dark">.text-light——浅灰色链接（添加了深灰色背景）</a></p>
    <p><a href="#" class="text-dark">.text-dark——深灰色链接</a></p>
    <p><a href="#" class="text-muted">.text-muted——灰色链接</a></p>
    <p><a href="#" class="text-white bg-dark">.text-white——白色链接（添加了深灰色背景）</a></p>
</body>

</html>